.box {
  height: 100%;
  width: 100%;
}
.box .main {
  height: 100%;
  width: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
  background: #e8e8e8;
}
.box .main .userhead {
  height: 210px;
}
.box .main .userhead .u_h_top {
  width: 100%;
  height: 140px;
  position: relative;
}
.box .main .userhead .u_h_top .myhead {
  height: 140px;
  width: 140px;
  border-radius: 50%;
  border: 1px solid deepskyblue;
  position: relative;
}
.box .main .userhead .u_h_top .myhead img {
  height: 140px;
  width: 140px;
  border-radius: 50%;
}
.box .main .userhead .u_h_top .myhead .vip {
  display: block;
  font-size: 25px;
  position: absolute;
  bottom: 0px;
  right: -20px;
  color: #ff6600;
}
.box .main .userhead .u_h_top .change_info {
  width: 250px;
  height: 100%;
}
.box .main .userhead .u_h_top .change_info .u_foont {
  height: 50px;
  margin-left: 20px;
  font-size: 20px;
}
.box .main .userhead .u_h_top .change_info .fuhao {
  height: 50px;
}
.box .main .userhead .u_h_top .change_info .fuhao a {
  font-size: 30px;
  color: #8a8c9d;
}
.box .main .userhead .u_h_bottom {
  font-size: 14px;
  color: #8a8c9d;
}
.box .main .clock {
  height: 70px;
}
.box .main .clock .total_clock .rili {
  font-size: 25px;
  color: deepskyblue;
  margin-top: 5px;
  margin-right: 10px;
}
.box .main .clock .total_clock .clm .day {
  font-size: 25px;
  font-weight: bold;
  color: deepskyblue;
}
.box .main .clock .sign {
  width: 100px;
  border-radius: 15px;
  background: #aad9f7;
  height: 100%;
  color: #004e73;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
}
.box .main .clock .sign_wanc {
  width: 100px;
  border-radius: 15px;
  background: #aaaa;
  height: 100%;
  color: white;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
}
.box .main .talk {
  height: 90px;
}
.box .main .talk .total_clock .liebiao {
  font-size: 25px;
  color: deepskyblue;
  margin-top: 5px;
  margin-right: 10px;
}
.box .main .talk .sign {
  width: 70px;
  border-radius: 15px;
  height: 100%;
  color: #8a8c9d;
}
.box .main .talk .sign a {
  color: #8a8c9d;
}
.box .main .sport_data {
  height: 200px;
}
.box .main .sport_data .top_box {
  height: 30px;
}
.box .main .sport_data .top_box .total_clock .shuju {
  font-size: 25px;
  color: deepskyblue;
  margin-top: 5px;
  margin-right: 10px;
}
.box .main .sport_data .top_box .sign {
  height: 100%;
  color: #004e73;
  font-weight: bold;
}
.box .main .sport_data .top_box .sign a {
  color: #8a8c9d;
}
.box .main .sport_data .all_data {
  height: 100px;
}
.box .main .sport_data .all_data .sport_time {
  height: 100%;
  width: 50%;
  border-right: 1px dashed #999999;
  position: relative;
  padding-left: 3%;
}
.box .main .sport_data .all_data .sport_time .sp_title {
  color: #999999;
  font-weight: bold;
  font-size: 17px;
}
.box .main .sport_data .all_data .sport_time .times_box {
  position: absolute;
  left: 3%;
  bottom: 0;
  font-size: 13px;
}
.box .main .sport_data .all_data .sport_time .times_box .data_comm {
  font-size: 50px;
  color: deepskyblue;
}
.box .main .sport_data .all_data .sport_ca {
  height: 100%;
  width: 50%;
  padding-left: 3%;
  position: relative;
}
.box .main .sport_data .all_data .sport_ca .sp_title {
  color: #999999;
  font-weight: bold;
  font-size: 17px;
}
.box .main .sport_data .all_data .sport_ca .ca_box {
  position: absolute;
  left: 3%;
  bottom: 0;
  font-size: 13px;
}
.box .main .sport_data .all_data .sport_ca .ca_box .data_comm {
  font-size: 50px;
  color: deepskyblue;
}
.box .main .badge {
  height: 200px;
}
.box .main .badge .top_box {
  height: 30px;
}
.box .main .badge .top_box .total_clock .shuju {
  font-size: 25px;
  color: deepskyblue;
  margin-top: 5px;
  margin-right: 10px;
}
.box .main .badge .top_box .sign {
  height: 100%;
  color: #004e73;
  font-weight: bold;
}
.box .main .badge .top_box .sign a {
  color: #8a8c9d;
}
.box .main .badge .bt_badge {
  height: 3000px;
  width: 100%;
}
.box .main .badge .bt_badge img {
  height: 100px;
  width: 100px;
}
.box .main .comm {
  padding: 20px 30px 20px 20px;
}
